<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/assets/common/common.css">
    <link rel="stylesheet" href="/assets/iconfont/iconfont.css">
    <link rel="stylesheet" href="../approvalDetails/approvalDetails.css">
    <title>Document</title>
</head>
<body class="approvalDetails">
    <!-- 导航栏 -->
    <div class="top bg-fff w100 flex aic jc-sb pl-20 pr-20">
        <a href="javascript:history.back(-1)" class="icon">
          <i class="iconfont icon-zuojiantou"></i>
        </a>
        <div>审批详情</div>
        <div class="icon"></div>
    </div>
    <!-- 入职审批 -->
    <div class="employmentApproval bg-fff w100 flex aic pl-10 pr-20">
        <img src="/assets/img/Approval-img/__80px_u3556.png" alt="">
        <div class="text w100 lh">
            <div class="word flex jc-sb">
                <span>晁文漪的入职审批</span>
                <span class="f12 word_one">吴珊珊审批中</span>
            </div>
            <div class="f12 t-999">
                <span>审批编号</span>
                <span class="pl-5">20210225154222775</span>
            </div>
        </div>      
    </div>
    <!-- 个人信息 -->
    <ul class="list bg-fff w100 mt-10 pl-20 pt-15 pb-20">
        <li class="item fg1 flex f12">
            <div class="word_two">
                <span class="t-999">姓名</span>
            </div>
            <div class="word_three">
                <span>晁文漪</span>
            </div>     
        </li>
        <li class="item fg1 flex f12">
            <div class="word_two">
                <span class="t-999">手机号码</span>
            </div>
            <div class="word_three">
                <span>15609090080</span>
            </div>     
        </li>
        <li class="item fg1 flex f12">
            <div class="word_two">
                <span class="t-999">入职部门</span>
            </div>
            <div class="word_three">
                <span>产品部</span>
            </div>     
        </li>
        <li class="item fg1 flex f12">
            <div class="word_two">
                <span class="t-999">上级负责人</span>
            </div>
            <div class="word_three">
                <span>吴珊珊</span>
            </div>     
        </li>
        <li class="item fg1 flex f12">
            <div class="word_two">
                <span class="t-999">学历</span>
            </div>
            <div class="word_three">
                <span>大学</span>
            </div>     
        </li>
        <li class="item fg1 flex f12">
            <div class="word_two">
                <span class="t-999">职位</span>
            </div>
            <div class="word_three">
                <span>产品经理</span>
            </div>     
        </li>
        <li class="item fg1 flex f12">
            <div class="word_two">
                <span class="t-999">员工类型</span>
            </div>
            <div class="word_three">
                <span>全职</span>
            </div>     
        </li>
        <li class="item fg1 flex f12">
            <div class="word_two">
                <span class="t-999">合同公司</span>
            </div>
            <div class="word_three">
                <span>黛西进出口贸易公司/海南分公司</span>
            </div>     
        </li>
        <li class="item fg1 flex f12">
            <div class="word_two">
                <span class="t-999">员工状态</span>
            </div>
            <div class="word_three">
                <span>试用</span>
            </div>     
        </li>
        <li class="item fg1 flex f12">
            <div class="word_two">
                <span class="t-999">预计入职日期</span>
            </div>
            <div class="word_three">
                <span>2022-03-01</span>
            </div>     
        </li>
        <li class="item fg1 flex f12">
            <div class="word_two">
                <span class="t-999">试用期</span>
            </div>
            <div class="word_three">
                <span>3个月</span>
            </div>     
        </li>
        <li class="item fg1 flex f12">
            <div class="word_two">
                <span class="t-999">附件</span>
            </div>
            <div class="word_three">
            </div>     
        </li>
    </ul>
    <!-- 审批流程 -->
    <div class="procedure bg-fff mt-10">
        <div class="text">审批流程</div>
        <div class="content flex fg1"> 
            <div class="content_left">
                <img src="/assets/img/Approval-img/u4585.png" alt="">
            </div> 
            <div class="content_right flex fdc lh">
                <div class="flex jc-sb">
                    <span class="f14">发起申请</span>
                    <span class="f12 t-999">2022/10/29 10:28:28</span>
                </div>
                <div class="flex">
                    <img src="/assets/img/Approval-img/u4258.png" alt="">
                    <span class="f12 t-999">晁文漪</span>
                </div>
                <div>
                    <div>
                        <span class="f14">审批人</span>
                        <span class="f12 t-999">2人依次审批</span>
                    </div>
                    <div class="flex aic">
                        <div class="rel">
                            <img src="/assets/img/Approval-img/u4292.png" alt="">
                            <div class="">
                                <span class="f12">审批中</span>
                            </div>
                            <span class="f12 t-999">王丽茉</span>
                        </div>
                        <span>></span>
                        <div>
                            <img src="/assets/img/Approval-img/u4296.png" alt="">
                            <span class="f12 t-999">施雁芙</span>
                        </div>
                    </div>
                </div>
                <div>
                    <div>
                        <span class="f14">抄送1人</span>
                    </div>
                    <div>
                        <img src="/assets/img/Approval-img/u4254.png" alt="">
                        <span class="f12 t-999">邵苑杰</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="footer w100 bg-fff flex aic pl-20 pr-20 jc-sb">
        <a href="../agree/agree.html" class="agree fcc">
            <span class="fff">同意</span>
        </a>
        <a href="../refuse/refuse.html" class="refuse fcc">
            <span class="refuse_word">拒绝</span>
        </a>
        <div id="moreClick" class="foot flex fdc aic">
            <i class="iconfont icon-ai225"></i>
            <span class="f12">更多</span>
        </div>
    </div>

    <!-- 更多 -->
    <div class="more fixed w100 dsn">
        <div class="culture bg-fff fcc t-999">请选择文化程度</div>
        <div class="more_v bg-fff fcc">撤销</div>
        <div class="more_v bg-fff fcc">转交</div>
        <div class="more_v bg-fff fcc">添加审批人</div>
        <a href="../InitiateApproval/InitiateApproval.html" class="more_v bg-fff fcc">再次提交</a>
        <div class="more_v cancel bg-fff fcc mt-10">取消</div>
    </div>

    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script>
        //更多点击
        $(".footer").on("click", "#moreClick", function () {
        $(this).closest(".footer").next().show();
        });
        $('.more').on('click','.more_v',function(item){
           if($(this).text()==="取消"||$(this).text()==="添加审批人"){
            $(this).parent().hide()
           }
        })

    </script>
</body>
</html>